// pages/cinema/cinema.js
import QQMapWXs from '../../utils/qqmap-wx-jssdk1.2/qqmap-wx-jssdk'  // 腾讯地图
var qqMapWX;  // 腾讯地图
Page({

  /**
   * 页面的初始数据
   */
  data: {
    cinema: [],
    limit: 10,
    page: 1
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    qqMapWX = new QQMapWXs({
      key: 'R3EBZ-RLEKG-BMPQL-IQIJN-W7MAJ-DWFYI', // 必填开发密钥（key）
    });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    // let _this = this
    this.getTxMap()
  },
  // 获取地图所有api
  getTxMap() {
    let _this = this
    wx.getLocation({
      success(res) {
        console.log(res);
        console.log(res.latitude, res.longitude);
        // 获取当前地点
        qqMapWX.reverseGeocoder({
          // location: `${res.latitude}, ${res.longitude}`, 报错格式错误
          location: {
            latitude: res.latitude,
            longitude: res.longitude
          },
          success(result) {
            console.log(result);
            _this.city = result.result.address_component.city
            console.log(_this.city);
          },
          fail: function (error) {
            console.error(error);
          },
        });
        // 搜索周边地域
        qqMapWX.search({
          keyword: '影院',  //搜索关键词
          location: {
            latitude: res.latitude,
            longitude: res.longitude
          },  //设置周边搜索中心点
          page_size: _this.data.limit,
          page_index: _this.data.page,
          success: function (res) { //搜索成功后的回调
            var mks = []
            for (var i = 0; i < res.data.length; i++) {
              mks.push({ // 获取返回结果，放到mks数组中
                title: res.data[i].title,
                id: res.data[i].id,
                latitude: res.data[i].location.lat,
                longitude: res.data[i].location.lng,
                distance: (res.data[i]._distance / 100).toFixed(2) + '公里',
                address: res.data[i].address,
                tel: res.data[i].tel,
                width: 20,
                height: 20,
                desc1: '我是药神等4部影片特惠',
                desc2: '观影套餐限量特惠',
                desc3: '开卡特惠, 每单2张立减2元',
                price: '29.9元'
              })
            }
            console.log('周边信息', mks);

            _this.setData({ //设置markers属性，将搜索结果显示在地图中
              cinema: mks
            })
          },
          fail: function (res) {
            console.log(res);
          },
          complete: function (res) {
            console.log(res);
          }
        });
      },

    });
  },
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
  onReachBottom() {
    console.log('到底了');

    if (this.data.limit >= 20) {

      wx.showToast({
        title: '没有数据了',
        icon: 'none'
      })
    } else {
      this.data.limit += 10
      this.setData({
        limit: this.data.limit,
        page: this.data.page
      })
      wx.showLoading({
        title: '加载中',
      })
      this.getTxMap()
      setTimeout(() => {
        wx.hideLoading()
      }, 500)
    }

    console.log(this.data.limit, this.data.page);


  }
})